import styled from 'styled-components';


export const Linestyled = styled.div`

.lineBox{
    position: relative;
    height:3px;
 width:100%;
    .line{
        border:1px dashed rgb(138 225 242);
    }
    .lineArrow{
         position: absolute;
        animation: moveArrow 5s linear infinite; 
        right: -5px;
        top: -4px;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 10px solid rgb(0, 185, 247);
    }    
    @keyframes moveArrow {
        0% {
          left: 0;
        }
        100% {
          left: 90%; /* 箭头移动的总距离，与容器宽度相匹配 */
        }
}
`